@charset 'utf-8';

.pd-lr20{
    padding-left: 20px;
    padding-right: 20px;
}
.content{
    color: #444444;
}
.width-365px{
    width: 365px;
}
.list-icon li{
    background: url("../../images/common/list-icon.png") no-repeat left center;
    font-size: 14px;
    padding: 9px 15px;
    color: #444444;
}
.title-border{
    border-left: solid #2566e3 4px;
    padding: 2px 10px;
    font-size: 16px;
    font-weight: bold;
}

/*主区域 */
.carousel{
    width: 590px;
    height: 320px;
}
.carousel-banner{
    height: 320px;
}
.carousel-banner img{
    width: 100%;
    height: 320px;
}

.main-content-information{
    background-color: #ffffff;
    width: 590px;
    height: 320px;
    padding: 30px 20px;
    overflow: hidden;
    margin: 0;
}

.box-three{
    width: 430px;
    height: 320px;
    overflow: hidden;
}

.login-box{
    height:320px;
}
.login{
    width:300px;
    height:210px;
    background: #ffffff;
    overflow: hidden;
}
.login-not-box,.login-success-box{
    padding:0 25px;
}
.login-not-box .welcome span{
    display: inline-block;
    margin-top: 24px;
}

/*登录用户头像*/
.login-user-box {
    position: relative;
    height: 56px;
    width: 56px;
}
/*头像*/
.login-user {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
/*头像遮罩*/
.login-user-bg {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}
/*会员标识*/
.icon__member{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../../images/common/icon-warn.png") no-repeat 0 -70px;

}
/*非会员标识*/
.icon__non-members{

    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../../images/common/icon-warn.png") no-repeat -34px -70px;

}

.register-btn ,.login-btn{
    width: 120px;
    height: 35px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #3a6af0;
    line-height: 35px;
    text-align: center;
}
.register-btn{
    color:#3a6af0 ;
}
.register-btn:hover{
    color:#3a6af0 ;
}
.login-btn{
    background-color:#3a6af0 ;
    color: white;
}
.login-btn:hover{
    color: white;
}

/**进入工作台**/
.enter-protal-btn {
    display: inline-block;
    width: 250px;
    padding: 8px 0;
    color: #ffffff;
    padding-left: 80px;
}
.enter-protal-btn:hover {
    color: #ffffff;
}
.enter-btn{
    background: #ef972b url("../../images/index/login-enter-icon.png") no-repeat 50px 5px;
}
.enter-btn2{
    background: #5cbaa2 url("../../images/index/login-enter-icon.png") no-repeat 50px -34px;
}
.enter-btn3{
    background: #6a7df5 url("../../images/index/login-enter-icon.png") no-repeat 50px -72px;
}
.login-success-box .message{
    padding: 10px;
}
.login-success-box .message a{
    width: 60px;
}
.login-success-box .message a p{
    color:#3a6af0 ;
}
.bg-eef4ff{
    background-color: #eef4ff;
}
.bg-ffedee{
    background-color: #ffedee;
}
.color-647bbf{
    color: #647bbf;
}
.color-fd6363{
    color: #fd6363;
}
.newspaper{
    margin-top: 19px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}
/*主区域  end*/

/*在线交易*/
.trade-left{
    padding: 0 25px;
    height: 487px;
    width: 590px;
    background: #ffffff;
}
.trade-nav{
    width: 100%;
    border-bottom: 2px solid #eeeeee;
}
.trade-nav li{
    float: left;
    line-height: 24px;
    width: 110px;
    margin: 0 10px 0 0;
    text-align: center;
    position: relative;
    height: 35px;
}
.trade-nav--active :after{
    content: '';
    top: auto;
    bottom: -2px;
    width: 100%;
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #3a6af0;
}
.trade-list--box{
    height: 430px;
    position: relative;
}
.trade-list--box .more{
    position: absolute;
    right: 0;
    top: -30px;
}
.trade-list--box ul{
    zoom:1;
    position: absolute;
    width: 100%;
}
.trade-list{
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 8px;
    margin-top: 4px;
}
.trade-list .trade-list__endTime,.trade-list .trade-list__startTime{
    line-height: 24px;
}
.trade-list .title{
    font-weight: normal;
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.trade-list .trade-list__companyName{
    font-weight: normal;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.trade-list .trade-list__link{
    margin-right: 10px;

}
.trade-list .trade-list__link a{
    color: #3a6af0;
}
.trade-list .trade-list__link a:hover{
    color: #3a6af0;
}


.new-icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    background: url("../../images/index/new.png") no-repeat;
    top: -10px;
}

.color-a5a5a5{ color: #a5a5a5;}
.color-808080{ color: #808080;}
.color-ff4648{ color:#ff4648;}

/*在线交易 end*/



.ranking{
}
.ranking-list-box{
    width: 590px;
    height: 230px;
    overflow: hidden;
    padding: 0px 25px;
    background: #ffffff;
    font-size: 14px;
}
.ranking-first{
    padding: 0px 0px 20px;
    border-bottom: solid 1px #e0e0e0;
    text-align: center;
}
.ranking-bottom .box{
    width: 270px;
    padding: 28px 0;
}
.ranking-list--icon{
    width: 25px;
    height: 25px;
    background: #c9c9c9;
    color: #ffffff;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
}
.ranking-list-box .first{
    background: #e45151;
}
.ranking-list-box .second{
    background: #f08a27;
}
.ranking-list-box .third{
    background: #efba39;
}
.buy-plan{
    background: #ffffff;
    width: 590px;
    height: 238px;
    margin-top: 19px;
    padding: 10px 25px;
}
.enroll{
    width: 910px;
    height: 320px;
    background: #ffffff;
    padding: 0 10px 0 30px;
}
.enter-name{
    padding: 3px 10px;
    background: #557af1;
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 18px;
}
.enter-name:hover{
    color: #ffffff;
    text-decoration: none;
}
.enroll ul{
    height:236px;
    overflow: hidden;
}
.enroll .list-icon li{
    padding: 9px 15px;
}
.assess{
    width: 910px;
    height: 310px;
    background: #ffffff;
    padding: 0 10px 0 30px;
}
.right-270{
    width: 270px;
    background: #ffffff;
    padding: 20px;
}

/*** cooperation start***/
.cooperation-company{
    background: #ffffff;
    padding: 40px;
}
.cooperation-company a{
    display: inline-block;
    padding: 6px 13px;
}
.cooperation-company--logo{
    width: 250px;
    height: 80px;
    margin-bottom: 3px;
}
/** cooperation end **/






/*申请弹窗*/
#apply-form{
    width: 550px;
    margin: 0 auto;
}
.apply-form .layui-form-label{
    width: 110px;
}
.apply-form .layui-input, .layui-textarea{
    width: 430px;
}
.apply-form .layui-btn{
    width: 140px;
    height: 42px;
    background-color:#3a6af0;
}
.apply-form .layui-btn-primary{
    border: solid 1px #3a6af0;
    color: #3a6af0;
    background: none;
}

/*样式覆盖*/
/** layui 样式覆盖 **/
.layui-tab-title{
    border: none;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #444444;
    z-index: 999;
    font-weight: bold;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-color: #3a6af0;
}
.layui-carousel-ind ul ,.layui-carousel-arrow{
    background-color: rgba(0,0,0,0);
}
.layui-carousel-arrow{
    font-size: 36px;
}
.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover {
    background-color: rgba(0,0,0,0);
}
.layui-carousel-ind li{
    width: 45px;
    height: 6px;
    border-radius: 6px;
}
.tab-line .layui-tab-title{
    border-bottom: solid 2px #e0e0e0;
}
.tab-line .layui-tab-title li{
    text-align: center;
    color: #444d65;
    font-size: 16px;
}
.tab-line .layui-tab-title .layui-this:after{
    border: none;
    border-bottom: solid 2px #2566e3;
    top: -1px;
}
/*成绩查询按钮样式*/
.training-result-inquiry__btn {
    padding: 5px 15px;
    background: #557af1;
    color: #ffffff;
    margin: 18px 64px 0 0;
}
.training-result-inquiry__btn:hover{
    color: #ffffff;
    text-decoration: none;
}
/*========专家答疑模块样式 start========*/
.expert-faq__box{
    background: #fff;
    height:434px;
}
.vertical-line{
    width:1px;
    height:388px;
    margin-top:20px;
    background: #e0e0e0;
}
.expert-faq__box .faq-content{
    width: 614px;
    padding: 0 26px 0 30px;
}
.expert-faq__box .faq-content ul{
    height: 330px;
    overflow: hidden;
}
.expert-faq__box .faq-content ul li h6{
    padding-top:26px;
}
.expert-faq__box .faq-content ul li p{
    padding-top:16px;
}
.expert-faq__box .faq-content ul li p span{
    width:480px;
    display: inline-block;
}
.color-579{
    color:#5792fb !important;
}
.icon-Q{
    color:#4488fb;
}
.icon-A{
    color:#f2c129;
}

.expert-faq__box .expert-list{
    width:584px;
    height: 406px;
    overflow: hidden;
}
.expert-faq__box .expert-list>div{
    margin-left:30px;
}
.expert-list-slide{
    width: 520px;
    overflow: hidden;
}
.expert-faq__box .expert-list li{
    width: 80px;
    font-size: 12px;
    text-align:center;
    margin-right: 26px;
    display: inline-block;
}
.expert-faq__box .expert-list dl{
    margin-bottom: 25px;
}
.expert-faq__box .expert-list dl h6{
    line-height: 22px;
}
.expert-faq__box .expert-list dl p{
    width: 80px;
    height: 16px;
}
.expert-faq__box .expert-list dl img{
    width:80px;
    height:100px;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*========专家答疑模块样式 end========*/